/* 图标集合 */
@font-face {font-family: "buiuiicons";
    src: url('../font/bui-ui.eot?t=1584499856364'); /* IE9 */
    src: url('../font/bui-ui.eot?t=1584499856364#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/bui-ui.woff?t=1584499856364') format('woff'),
    url('../font/bui-ui.ttf?t=1584499856364') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('../font/bui-ui.svg?t=1584499856364#buicomponents') format('svg'); /* iOS 4.1- */
}

[class^="bci-"] {
    font-family: "buiuiicons" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bci-xiazai:before {
    content: "\e638";
}
  
.bci-gengduo:before {
    content: "\e603";
}

.bci-xuanzhuan:before {
    content: "\e62f";
}


/* bui-imageview 图片查看器 */
.bui-dialog-imageview{ background-color: rgba(0, 0, 0, .75); }
.bui-dialog-imageview .bui-dialog-close i{ color: #fff; }
.bui-imageview{ position: relative; }
.bui-imageview-inner{ height: 100%; }
.bui-imageview-inner .image{ max-width: 100%; height: 100%; object-fit: contain; transition: transform .5s; }
.bui-imageview-toolbar{ position: absolute; left: 0; right: 0; bottom: 0; color: #fff; padding: .1rem .2rem; background-image: linear-gradient(to top, rgba(0, 0, 0, .85), rgba(0, 0, 0, 0)); }
.bui-imageview-toolbar.hidden{ opacity: 0; transition: all 1.5s; }
.bui-imageview-action{ font-size: .6rem; margin-right: .2rem; }
.bui-imageview-action:active{ opacity: .5; }